<template>
  <div style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center">
    <iframe v-if="dynamicMapUrl" style="width: 100%;height: 100%" :src="dynamicMapUrl" frameborder="0"></iframe>
    <el-empty v-else description="暂无动态地图" :image-size="100"></el-empty>
  </div>
</template>

<script>
export default {
  props: ["detail"],
  computed: {
    dynamicMapUrl() {
      if (this.detail && this.detail.dynamicMapUrl) {
        return this.detail.dynamicMapUrl;
      } else {
        return ''
      }
    },
  },
};
</script>

<style>
</style>